<template>
    <div class="home-banner">
        <div class="container">
            <el-carousel height="500px">
                <el-carousel-item v-for="item in url" :key="item.id">
                    <img :src="item.imgUrl"/>
                </el-carousel-item>
            </el-carousel>
        </div>
    </div>
</template>

<script>
export default {
    name:"HomeBanner",
    data () {
        return {
            swiper: null,
            url: [],
        }
    },
    mounted () {
       
    },
    methods:{

    },
    async created(){
        const res = await this.$http.bannerImg();
        // console.log(res.data.result)
        this.url = res.data.result;

    }
}
</script>

<style scoped lang="scss">
.home-banner {
    width: 1240px;
    height: 500px;
    // z-index: 98;
}
.el-carousel__arrow--left {
    left:500px;
}
</style>